<section class="flex-full">
  <!--所有的预警-->
  <section class="alarm-section-summary flex">
    <div class="flex-full">
      <div class="alarm-section-conter">
        <table class="zk-table">
          <thead>
            <tr>             
              <th>
                <span>描述</span>
              </th>
              <th>
                <span>状态</span>
              </th>
              <th>
                <span>开始时间</span>
              </th>
              <th>
                <span>结束时间</span>
              </th>
              <th>
                <span>最大值</span>
              </th>
              <th>
                <span>最小值</span>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let turbEarlyWarnData of turbEarlyWarnDatas">             
              <td>
                <span>{{turbEarlyWarnData.description}}</span>
              </td>
              <td>
                <span> {{turbEarlyWarnData.stateName}}</span>
              </td>
              <td>
                <span>{{turbEarlyWarnData.startTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
              </td>
              <td>
                <span>{{turbEarlyWarnData.endTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
              </td>
              <td>
                <span>{{turbEarlyWarnData.maxVal}}</span>
              </td>
              <td>
                <span>{{turbEarlyWarnData.minVal}}</span>
              </td>
            </tr>

            <tbody>
        </table>
      </div>
    </div>
  </section>

<!--按风场进行分类-->
  <section class="alarm-section-detailed">
    <div *ngFor="let earlyWarningFarmData of earlyWarningFarmDatas" [hidden]="!earlyWarningFarmData.isChecked">
      <md-tab-group>
        <md-tab 
        [label]="earlyWarningFarmData.farmName+'('+ earlyWarningFarmData?.earlyWarningNumber +')'" 
        *ngFor="let earlyWarningFarmData of earlyWarningFarmDatas">
          <div class="alarm-section-conter">
            <table class="zk-table" cellspacing="0" cellpadding=0>
              <thead>
                <tr>
                  <th>
                    <span>描述</span>
                  </th>
                  <th>
                    <span>状态</span>
                  </th>
                  <th>
                    <span>开始时间</span>
                  </th>
                  <th>
                    <span>结束时间</span>
                  </th>
                  <th>
                    <span>最大值</span>
                  </th>
                  <th>
                    <span>最小值</span>
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let turbEarlyWarn of earlyWarningFarmData.turbEarlyWarns">
                  <td>
                    <span>{{turbEarlyWarn.description}}</span>
                  </td>
                  <td>
                    <span> {{turbEarlyWarn.stateName}}</span>
                  </td>
                  <td>
                    <span>{{turbEarlyWarn.startTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                  </td>
                  <td>
                    <span>{{turbEarlyWarn.endTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                  </td>
                  <td>
                    <span>{{turbEarlyWarn.maxVal}}</span>
                  </td>
                  <td>
                    <span>{{turbEarlyWarn.minVal}}</span>
                  </td>
                </tr>

              </tbody>
            </table>
          </div>
        </md-tab>
      </md-tab-group>
    </div>
  </section>
</section>